<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品详细</title>
    <link rel="stylesheet/less" href="./asset/less/productdesc.less">
    <link rel="stylesheet" href="./asset/bootstrap/css/bootstrap.min.css">
    <script src="./asset/js/less.js"></script>
</head>

<body>

    <!-- 头部部分1 -->
    <div id="hearder1">
        <div class="logo ">
            <a href="index.html">
                <img src="../asset/image/logo.png" alt="">
            </a>
        </div>
        <div class="appdown">
            <a href="#">
                <img src="../asset/image/download.png" alt="">
            </a>
        </div>
    </div>
    <!-- 头部部分1搜索框 -->
    <div id="search1">
        <form action="" method="">
            <input type="text" placeholder="请输入你想比价的商品">
        </form>
        <div class="searchbtn">
            <input type="submit" value="搜索">
        </div>
    </div>

    <!-- 主体区 -->
    <div class="main">
        <div class="nav">
            <ul>
                <li>
                    <a href="index.html">首页></a>
                </li>
                <li>
                    <a href="javascript:history.go(-1)">冰箱></a>
                </li>
                <span class="sp">
                    <li>
                        <a href="#">西门子</a>
                    </li>
                </span>
                
            </ul>
            <button class="btn btn-default">筛选</button>
        </div>

        <div class="introduce">
            <div class="pic">
                <img src="http://www.zuyushop.com/ProPic/20185/Thumb/Thumb_2018050013233562865.jpg">
                <a href="javascript:;" class="a-fav">
                    <img src="http://www.zuyushop.com/wap/images/sc.jpg" width="39" height="39">
                </a>
            </div>
            <div class="tit">西门子(SIEMENS)BCD-610W(KA92NV02TI) 610升 对开门冰箱
                <span></span>
            </div>
            <!-- tab切换 -->
            <div class="tab">
                <ul>
                    <li class="active">
                        <a href="#">比价购买</a>
                    </li>
                    <li class=" ">
                        <a href="#">产品参数</a>
                    </li>
                    <li class="">
                        <a href="#">优选评价</a>
                    </li>
                </ul>
            </div>
            <table width="100%">
                <tbody>
                    <tr>
                        <td rowspan="2" class="p_pic" valign="top">
                            <a href="redirect.aspx?webid=13&amp;bjid=205598540&amp;tourl=http://item.yhd.com/item/55866813&amp;y=bijia" target="_blank"
                                onclick="trackLog('商品购买','比价页面');">
                                <img src="http://sf.manmanbuy.com/images/sitelogo/13.png">
                            </a>
                        </td>
                        <td>
                            <a href="redirect.aspx?webid=13&amp;bjid=205598540&amp;tourl=http://item.yhd.com/item/55866813&amp;y=bijia" target="_blank\"
                                onclick="trackLog('商品购买','比价页面');">1号店</a>
                        </td>
                        <td class="red">￥339.00</td>
                        <td align="center" width="60">
                            <span style="display: inline-block;width: 56px;height: 24px;border-radius: 6px;text-align: center;line-height: 24px;background-color: #ff5500;color: #fff;font-size: 14px;">去购买</span>
                        </td>
                    </tr>
                    <tr class="tab2">
                        <td></td>
                        <td class="r"></td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
            <div class="note">
                <br> * 实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。</div>
        </div>

        <div class="comment">
            <div class="title">优选网友评价</div>
            <div class="content">
                <table>
                    <tr>
                        <td align="left">张三</td>
                        <td align="right">2018/10/14</td>
                    </tr>
                    <tr>
                        <td align="left"></td>
                        <td align="right">购买至:国美电器</td>
                    </tr>
                    <tr>
                        <td colspan='2' class="pj_C">
                            6.28下单，要求7.3送到，到了7.3一直到下午也没人联系我，在我打了几个电话查询的情况下，最后被告知，还没发货，下午3点多说货已经发出，但是从北京发的（我要求送货地址是合肥），难道合肥没货吗？接下来的几天没人告诉我货物到达时间，每次查询都说不知道货物运输情况，也不知道货物位置及准确的送货时间。还好货物在7.9送到了，总算没丢，才知道这么大的国美公司服务尽然这么差，不知道领导层和监管层是怎么管理的？真的是国美以前实体店的好印象一下子一落千丈！
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" class="pj_C" style="border-bottom: 1px solid #ccc;">
                            <a href="#" style="font-size:12px; color:#999; border-bottom: 1px solid #ccc;">回复</a>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="more">
                <a href="#">查看更多评价</a>
            </div>
        </div>
    </div>

    <!-- 底部部分 -->
    <div id="footer">
        <div class="foot_top">
            <a href="#">登录</a>
            <a href="#">注册</a>
            <a href="#" style="width: 40%; border: 0;">
                <img src="../asset/image/top.jpg" width="15" height="15">返回顶部</a>
        </div>
        <div class="foot_bottom">
            <p>
                <a href="#" style="color: Red;">手机APP下载</a>
                <a href="#">慢慢买手机版</a>
                -- 掌上比价平台
            </p>
            <p>m.manmanbuy.com </p>
        </div>
    </div>

    <!-- 广告部分 -->
    <div id="advertisement">
        <a class="closefix" href="javascript:;"></a>
        <div class="icon"></div>
        <p class="titlefix">实时更新品牌榜</p>
        <p class="describe">全网比价不吃亏</p>
        <a class="download-btn" href="#" onclick="trackEvent('底部悬浮下载');">立即打开</a>
    </div>
</body>

</html>
<script src="./asset/zepto/zepto.min.js"></script>
<script src="./asset/artTemplate/template-web.js"></script>

<!-- 商品模板 -->
<script id="introduce" type="text/html">
    {{each result as value}}
    <div class="pic">
            {{#value.productImg}}
            <a href="javascript:;" class="a-fav">
                <img src="http://www.zuyushop.com/wap/images/sc.jpg" width="39" height="39">
            </a>
        </div>
        <div class="tit">{{value.productName}}
            <span></span>
        </div>
        <!-- tab切换 -->
        <div class="tab">
            <ul>
                <li class="active">
                    <a href="#">比价购买</a>
                </li>
                <li class=" ">
                    <a href="#">产品参数</a>
                </li>
                <li class="">
                    <a href="#">优选评价</a>
                </li>
            </ul>
        </div>
        {{#value.bjShop}}
        <div class="note">
            <br> * 实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。</div>
    {{/each]}}
</script>

<script id="comm" type="text/html">
    {{each result as value}}
        <tr>
            <td align="left">{{value.comName}}</td>
            <td align="right">{{value.comTime}}</td>
        </tr>
        <tr>
            <td align="left"></td>
            <td align="right">{{value.comFrom}}</td>
        </tr>
        <tr>
            <td colspan='2' class="pj_C">
                {{value.comContent}}
            </td>
        </tr>
        <tr>
            <td colspan="2" class="pj_C" style="border-bottom: 1px solid #ccc;">
                <a href="#" style="font-size:12px; color:#999; border-bottom: 1px solid #ccc;">回复</a>
            </td>
        </tr>
    {{/each}}
</script>
<script src="./asset/js/url.js"></script>
<script src="./asset/js/productdesc.js"></script>